<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<title id="title">2017上海车展</title>
		<meta name="description" content="" />
		<meta name="Keywords" content="" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="lib/weui.min.css">
		<script src="js/jquery-1.8.3.min.js"></script>
		<script src="js/adaptive.js"></script>
		<script src="js/TouchSlide.1.1.js"></script>
		<script src="js/index.js"></script>
		<script src="js/form.js"></script>
		<link rel="stylesheet" href="css/jquery-weui.css">

		<script>
			window['adaptive'].desinWidth = 750;
			window['adaptive'].baseFont = 16;
			window['adaptive'].maxWidth = 750; // 页面最大宽度 默认540
			window['adaptive'].scaleType = 1; // 1为默认值，可以不用设置
			window['adaptive'].init();
		</script>
	</head>

	<body style="overflow:scroll;overflow-x:hidden">
		<div class="header">
			<img class="leftlogo" src="images/leftlogo.png">
			<img class="rightlogo" src="images/rightlogo.png">
			<img class="menu" src="images/menu.png">
		</div>
		
		
		<div class="heders" style="display: none;">
			<div class="hedersbox">
				<a href="#home" name="home" onclick="">首页</a>
				<a href="#carNews" name="carNews" onclick="">车展新闻</a>
				<a href="#carClick" name="carClick" onclick="">车展直击</a>
				<a href="#carHutch" name="carHutch" onclick="">6.5代双雄</a>
				<a href="#carAppearance" name="carAppearance" onclick="">MX-5亮相</a>
				<a href="#carMedia" name="carMedia" onclick="">媒体报道</a>
				<a href="#carActivity" name="carActivity" onclick="">粉丝活动</a>
				<a href="#carFollow" name="carFollow" onclick="">关注我们</a>
				<a href="#carChina" name="carChina" onclick="">马自达中国</a>
			</div>
			<div class="headrsbox_no"><img src="images/menu_no.png"></div>
		</div>
		<div class="userAbout" style="display: block;">
			<div class="userAbout_box">
				<div class="userAbout_title">
					<img src="images/yuyue_title.png" />
				</div>
				<div class="userAbout_center" style="margin-top: 0.8rem">
					<div class="weui-cell br1 inputRelative iconbg_dsj">
						<input class="weui-input " id="product" type="text" value="" placeholder="请选择意向车型">
					</div>
					<div class="userNameSex fl">
						<div class="weui-cell br1 inputRelative userName ">
							<input class="weui-input " id="userName name" name="name" type="text" value="" placeholder="请输入姓名">
						</div>
						<div class=" userSex ">
							<div class="txt03"><span data-sex="1" class="fl">先生</span><span data-sex="0" class="fr">女士</span></div>
						</div>
					</div>
					<div class="weui-cell br1 inputRelative ">
						<input class="weui-input " id="mobile" name="mobile" type="text" value="" placeholder="请输入您的手机号">
					</div>
					<div class="inputMap">
						<div class="weui-cell br1 inputRelative iconbg_dsj w3rem fl">
							<input class="weui-input " id="province" name="dealer_province" type="text" value="" placeholder="请选择省份">
						</div>
						<div class="weui-cell br1 inputRelative iconbg_dsj w3rem fr">
							<input class="weui-input " id="city" type="text" name="dealer_city" value="" placeholder="请选择城市">
						</div>
					</div>
					<div class="weui-cell br1 inputRelative iconbg_dsj">
						<input class="weui-input " id="dealer" name="dealer" type="text" value="" placeholder="请选择经销商">
					</div>
				</div>
			</div>
			<div class="userAbout_botton submit">提交</div>
			<div class=" headrsbox_nomiant" onclick=""><img src="images/menu_no.png"></div>
		</div>
		
		<div class="bgnone" style="display: none;"></div>
		<script src="lib/jquery-2.1.4.js"></script>
		<script src="lib/fastclick.js"></script>
		<script>
			$(function() {
				FastClick.attach(document.body);
			});
		</script>
		<script src="js/jquery-weui.js"></script>
		<script>
			$(document).on("click",".headrsbox_nomiant",function(){
				history.back(-1);
			})
			$("#product").picker({
				title: "请选择意向车型",
				cols: [{
					textAlign: 'center',
					values: ['2.0L 6MT 2WD蓝天活力版', ' 2.0L 6AT 2WD蓝天活力版', ' 2.0L 6AT 2WD蓝天活力真皮版', ' 2.0L 6AT 2WD蓝天探索版', ' 2.0L 6AT 2WD蓝天品位版', ' 2.0L 6AT 2WD蓝天领先版', ' 2.5L 6AT AWD蓝天激情版', ' 2.5L 6AT AWD蓝天无畏版']
				}]

			});
			$("#province").picker({
				title: "请选择省份",
				cols: [{
					textAlign: 'center',
					values: ['北京', '上海']
				}]

			});
			$("#city").picker({
				title: "请选择城市",
				cols: [{
					textAlign: 'center',
					values: ['北京市', ' 海淀区', ' 朝阳区']
				}]

			});
			$("#dealer").picker({
				title: "请选择经销商",
				cols: [{
					textAlign: 'center',
					values: ['经销商1', ' 经销商2', ' 经销商3']
				}]

			});
			
			
			$(".txt03 span").on("touchstart", function() {
				$(this).addClass("active").siblings().removeClass("active");
				return false;
			});
		</script>
	</body>

</html>